<template>
    <div>
        <h1 class="ttle">Welcome to Vue Test</h1>
        <SchoolInfo/>
        <hr>
        <StudentInfo/>
    </div>
  
</template>

<script>
    //引入School组件
    import SchoolInfo from   './components/SchoolInfo'
    import StudentInfo from   './components/StudentInfo'
    export default {
        name: 'App',
        components: {
            StudentInfo,
            SchoolInfo
        }
    }
</script>

<style scoped>
.ttle{
    color: red;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

</style>